* {
outline:0;
margin:0;
padding:0;
}

body {
	background: url(../img/corkBoard.jpg);
}

nav,header,section {
display:block;
}

:focus {
outline:0;
}

ul,li {
list-style:none;
display:inline;
}

span {
display:none;
}

html,body {
height:100%;
}

nav {
margin:10px 0;
}

nav a {
text-decoration:none;
font:14px/12px sans-serif;
text-align:center;
display:inline-block;
color:#000;
background:0 50% #464646 50%;
border-radius:10px;
box-shadow:0 0 5px rgba(0,0,0,1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646',endColorstr='#282828');
margin:0 0 10px 10px;
padding:10px;
}

nav a:hover {
background:0 50% #646464 50%;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464',endColorstr='#464646');
}

article {
width:200px;
height:250px;
float:left;
box-shadow:0 5px 10px rgba(0,0,0,0.8);
border-radius:15px;
margin:10px;
}

article header {
float:left;
width:100%;
border-radius:15px 15px 0 0;
cursor: -moz-grab;
}

.drag {
opacity:.8;
filter:alpha(opacity=80);
    cursor: -moz-grabbing;
    opacity: 0.8;
}

.yellow,.yellow textarea {
background-color:#FFE040;
color:#ED6B00;
}

.yellow header {
background-color:#f7be1a;
}

textarea {
font:16px/22px sans-serif;
width:90%;
height:70%;
outline:0 none;
border:0;
overflow:hidden;
resize:none;
padding:10px;
}

ul.tools {
float:right;
line-height:0;
margin:10px;
}

ul.tools li a {
display:inline-block;
width:16px;
height:16px;
border-radius:15px;
margin:0 3px;
}

a.yellow {
background-color:#FFE040;
}

a.yellow:hover {
background-color:#f2a700;
}

a.close {
background:url(../img/cross-script.png) center center no-repeat;
opacity:0.7;
filter:alpha(opacity=70);
}

a.close:hover {
background:url(../img/cross-script.png) center center no-repeat;
opacity:1;
filter:alpha(opacity=100);
}

a.tfsNumber {
background:url(../img/edit-number.png) center center no-repeat;
opacity:0.7;
filter:alpha(opacity=70);
}

a.tfsNumber:hover {
background:url(../img/edit-number.png) center center no-repeat;
opacity:1;
filter:alpha(opacity=100);
}

a.editItem {
background:url(../img/applicationpencil.png) center center no-repeat;
opacity:0.7;
filter:alpha(opacity=70);
}

a.editItem:hover {
background:url(../img/applicationpencil.png) center center no-repeat;
opacity:1;
filter:alpha(opacity=100);
}

div.tfsText {
	margin: 17px;
	line-height: 0;
	float: left;
}
